.bootstrap-select {
  .dropdown-toggle {
    padding-left: $input-padding-horizontal;
    border-color: $bs-select-border-color-base;
    font-weight: 500;
    color: #2F3032;
    background-color: #fff;

    &.bs-placeholder.btn {
      &, &:hover, &:focus, &:active {
        color: $bs-select-color-base;
      }
    }

    &:hover {
      color: $bs-select-color-base;
      background-color: #fff;
    }

    &:focus, &.focus {
      background-color: #fff;
      border-color: $bs-select-border-color-active;
      outline: 0 !important;
    }

    .caret {
      border-top-color: $bs-select-caret-bg-base;
    }

    &.disabled {
      color: $bs-select-color-valid;
      border-color: $bs-select-border-color-valid;
      background-color: $bs-select-bg-valid;
    }
  }

  .dropdown-menu {
    min-width: 50% !important;
    top: 80%;
    left: auto;
    right: -42px;
    padding-top: $bs-select-dropdown-padding;
    padding-bottom: $bs-select-dropdown-padding;
    border-color: $bs-select-dropdown-border-base;
    overflow: visible !important;
    box-shadow: 0 1px 4px $bs-select-dropdown-menu-shadow;

    &:before, &:after {
      position: absolute;
      content: '';
      top: -$bs-select-dropdown-arrow-size;
      right: $bs-select-dropdown-right;
      border-bottom: $bs-select-dropdown-arrow-size solid #fff;
      border-left: $bs-select-dropdown-arrow-size solid transparent;
      border-right: $bs-select-dropdown-arrow-size solid transparent;
    }

    &:before {
      z-index: 2;
    }

    &:after {
      top: -$bs-select-dropdown-arrow-size - 1px;
      border-bottom-color: $bs-select-dropdown-border-base;
      z-index: 1;
    }

    > li > a {
      padding-top: $bs-select-option-padding-horizontal;
      padding-bottom: $bs-select-option-padding-horizontal;
      padding-left: $bs-select-option-padding-left;
      background-color: $bs-select-option-bg-base;
      font-size: $bs-select-option-font-size;
      color: $bs-select-option-color-base;
      line-height: 1;

      &:hover, &:focus {
        color: $bs-select-option-color-active;
        background-color: $bs-select-option-bg-active;
      }
    }

    .active > a,
    .selected > a {
      color: $bs-select-option-color-active;
      background-color: $bs-select-option-bg-active;
    }
  }
}

.open {
  > .dropdown-toggle.btn-default {

    &, &:hover {
      border-color: $bs-select-border-color-active;
      background-color: $bs-select-bg-base;
    }
  }
}